import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class ShadowComponent extends StatefulWidget {
  final width;
  final height;
  final child;

  const ShadowComponent({Key? key, this.width, this.height, this.child}) : super(key: key);

  @override
  ShadowComponentState createState() => ShadowComponentState();
}

class ShadowComponentState extends State<ShadowComponent> {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: widget.width,
      decoration: const BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.only(
          topLeft: Radius.circular(12),
          topRight: Radius.circular(12),
          bottomLeft: Radius.circular(12),
          bottomRight: Radius.circular(12)
        ),
        boxShadow: [
          BoxShadow(
            color: Color.fromARGB(20, 22, 23, 24),
            blurRadius: 15.0,
            spreadRadius: 7.0,
          ),
        ],
      ),
      child: widget.child,
    );
  }
}
